<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/bootstrap.min.js" type="text/javascript" charset="UTF-8"></script>
		<style type="text/css">
			#LoginPanel
			{
				width: 500px;
				height: 300px;
				border: double;
				border-color: #8A6D3B;
				margin: 250px auto;
			}
		</style>
	</head>
	<body>
		<script type="text/javascript">
			//jquery
			jQuery(document).ready(function () {
				$("#resetbutton").click(function () {
					alert("点击了重置按钮");
					$("#text1").val("");
					$("#text2").val("");
				
				});
				$("#loginbutton").click(function () {
					alert("点击了登录按钮");
				});
			})
		</script>
		<div id="LoginPanel">
			<form id="login-information">
			<h2>用户名<input type="text" id="text1" name="username"/></h2>
			<h2>密码<input type="password" id="text2" name="password"/></h2>
			<h3>请选择角色</h3>
			<input id="teacher" type="radio" name="role"/>老师
			<input id="student" type="radio" name="role"/>学生
			</form>
			<br />
			<input type="button" id="loginbutton" value="登录" />
			<input type="reset"  id="resetbutton" value="重置" />
			<h3><a href="sign-in.html">点击这里注册</a></h3>
		</div>
	</body>
</html>
